<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <title>WMSBrowser using a TreePanel and a Ext.ux.StatusBar (example)</title>

    <!-- Versions, Ext 3.1.0, GeoExt trunk, OpenLayers trunk -->
    <link rel="stylesheet" type="text/css"
          href="../../../../ext/resources/css/ext-all.css" />
    <link rel="stylesheet" type="text/css"
          href="../../../../ext/examples/shared/examples.css" />
    <link rel="stylesheet" type="text/css"
          href="../../../../ext/examples/ux/statusbar/css/statusbar.css" />
    <link rel="stylesheet" type="text/css"
          href="../resources/css/WMSBrowser.css" />
  </head>
  <body>
    <h1>WMSBrowser using a TreePanel and a Ext.ux.StatusBar (example)</h1>
    <p>
      This widget allows remote WMS service layer browsing and adding to your
      map. See <a href="WMSBrowser.js">WMSBrowser.js</a> for the source code.
    </p>
    <div id="content"></div>
    <br />
    <p>
      You can select an url from the top list or enter one, then click
      'connect'. The list of available layers appear on the left. When one is
      checked (selected), more info appear on the right and a small map shows a
      preview of the data selected.  If more than one layer is selected, only
      the last one selected has its info shown, but all layers are merged in
      the preview.
    </p>
    <p>
      The name of the layer is automatically generated by a combinaison of the
      selected layers, but it can also be manually set.  Clicking the
      'Add layer' button add the combinaison of the selected layers as a single
      OpenLayers.Layer.WMS layer object to your map.
    </p>
    <p>
      Among its features, the widget offers srs and extent validation with your
      map.  The layer list on the left can either be a Tree (default) or a Grid.
      If the StatusBar ux widget (in Ext) source code is loaded, one is
      automatically added to the widget allowing messages to be displayed as
      it executes different tasks or when an error occurs.  If none is provided,
      only the errors are shown in a Ext.Window.  It's also translated in
      French.
    </p>
    <p>
      <b>Please note : </b>in order to work properly with external urls, you
      need to setup a proxy.  You can either set the OpenLayers.ProxyHost or
      use the widget local proxy setting.  In this demo, plain local xml files
      are used to avoid the setting of a proxy.  There's a php one located in
      this sample which you can use locally.
    </p>

    <script type="text/javascript"
            src="../../../../ext/adapter/ext/ext-base.js"></script>
    <script type="text/javascript"
            src="../../../../ext/ext-all.js"></script>
    <script type="text/javascript"
            src="../../../../ext/examples/ux/statusbar/StatusBar.js"></script>
    <script type="text/javascript"
            src="../../../../openlayers/lib/OpenLayers.js"></script>
    <!--script type="text/javascript"
        src="../../../../openlayers/lib/OpenLayers/Lang/fr.js"></script-->
    <script type="text/javascript"
            src="../../../../geoext/lib/GeoExt.js"></script>
    <script type="text/javascript"
            src="../lib/GeoExt.ux/WMSBrowser.js"></script>
    <script type="text/javascript"
            src="../lib/GeoExt.ux/locale/WMSBrowser-fr.js"></script>
    <script type="text/javascript" src="WMSBrowser.js"></script>
  </body>
</html>
